
<!DOCTYPE html>
<html>
<head>   
     <meta name="apple-mobile-web-app-title" content="简书">
     <title>简书 - 创作你的创作</title>
     <link rel="stylesheet" type="text/css" href="Janebook.css"> 
</head>
 
<body>
    <!--第一个板块-->
    <div id="header">
         <div class="box">
            <div>
               <div class="write_1a"> <span class="write_1">简书</span></div>
                <div class="write_2a"><img src="img/指北针.png" height="40px"width="40px"/><span class="write_2">首页</span></div>
                <div class="write_3a"><img src="img/手机.png" height="40px"width="40px"/><span class="write_3">下载APP</span></div>
            </div> 
            <div class="write_center">
                <div class="write_center1a"> <span class="write_center1b">搜索</span></div>
                <div class="search_picture"><img src="img/搜索1.png" height="40px"width="40px"top="-10px"/></div>
            </div>
           <div>                     
              <div class="write_4a"> <span class="write_4">Aa</span></div>
              <div class="write_5a"> <span class="write_5">登录</span></div>
              <div class="write_6a"><span class="write_6">注册</span></div>
              <div class="write_7a"><img src="img/df9545f13d7b4462c2734b7560bc87ea.png" height="40px"width="40px"/> <span class="write_7">写文章</span></div>
          </div>        
        </div>
    </div>
     <!--第二个板块-->
     <div class="picture_center"> <img src="img/轮播.png" width="1180px" height=auto/>  </div>
      <!--第三个板块-->
    <div class="div_test3">    
        <table><tr>
            <td>
                <div class="box_picture1">
                    <img src="img/man-hands-reading-boy-large.jpg" height="40px"width="40px"/>
                    <div class="word_center1a"> 社 会 热 点</div>
                </div>
            </td>
            <td>
                <div class="box_picture2">
                    <img src="img/VCG41678819337.jpg"height="40px"width="40px"/>
                    <div class="word_center1a"> 成 长 励 志</div>
                </div>
            </td>
           <td>
               <div class="box_picture3"><img src="img/0__15815600_401_00.jpg" height="40px"width="40px"/>
                <div class="word_center1a"> 连 载 小 说</div>
            </div>
        </td>
           <td>
               <div class="box_picture4"><img src="img/645317897236768460.png" height="40px"width="40px"/>
                <div class="word_center1a"> 娱 乐 八 卦</div>
            </div>
        </td>
       </tr></table>
       <table><tr>                
            <td> 
                 <div class="box_picture5">
                     <img src="img/简书日报.png" height="40px"width="40px"/>
                     <div class="word_center5a"> 简 书 日 报 · 每 日 精 选</div>
                 </div>
            </td>
            <td>  <div class="box_picture6">
                       <img src="img/IMG_3003.jpg" height="40px"width="40px"/>
                       <div class="word_center1a">旅 行 在 路 上 </div>
                </div>
            </td>
            <td>  <div class="box_picture7">
                     <img src="img/IMG_2226.jpg"height="40px"width="40px"/> 
                     <div class="word_center1a">美  食 </div>
                </div>
            </td>
             <td><div class="box_8"><span style="">更多热门专题></span></div></td>
        </tr> </table>
    </div>

  
     <!--第四个板块-->
    

    <div class="div_test4"> 
        <div> 
            <p>
                <img src="img/0dca220dd6bb.png" height="40px"width="40px"/>
                 <span class="p1">怀左同学</span>
                 <span class="p2">5个小时前</span>
            
            </p>
        </div>
        <div>
             <h1>喜欢和爱的区别，究竟有多大？</h1>
             <p> 01你有没有喜欢，或者真正地爱过一个人？原来喜欢和爱，终究是有区别的。写</p>
             <p>文章的我,经常会捕捉到一些微妙的感情，只有真正面对微妙的时，我才深感语言</p>
             <p>的无能。 我常常不能直接用言····</p>
        </div>
        <div>
             <span class="p3">我是大神我要分享！</span>
              <div class="picture_icona"><img src="img/眼睛.png"height="20px"width="20px"/><span>10245</span></div>
              <div class="picture_iconb"><img src="img/b42993a07f88f6b77b5421f08bde4a58.jpg"height="20px"width="20px"/><span>121</span></div>
              <div class="picture_iconc"><img src="img/爱心.png"height="20px"width="20px"/><span>472</span></div>
                <div class="picture_icond"><img src="img/钱.png"height="20px"width="20px"/><span>3</span></div>
        </div>
        <div class="box_picture9">
                <img src="img/2542851-bd6e41d81284a281.jpg" width="150px" height="150px"/> 
        </div>
    </div>
    <!--第五个板块-->
   <div class="div_test5">
        <div class="div_radius1">
                 <div class="div_test51a"><span class="div_testwrite1">新 上 榜 ></span></div>
        </div >
        <div class="div_radius2">
                <div class="div_test51b"><span class="div_testwrite1">7 日 热 门 ></span></div> 
        </div>
        <div class="div_radius3">
                <div class="div_test51c"><span class="div_testwrite1">30 日热门 ></span></div>
        </div>
        <div class="div_radius4">
                <div class="div_test51d"><span class="div_testwrite2">简 书 版 权 中 心 ></span></div>
        </div>
        <div class="div_radius5">
                <div class="div_test51e"><span class="div_testwrite3">简 书 大 堂 ></span></div>
        </div>
    </div>
    <!--第六个板块-->
    <div class="div_test6">    
        
            <div class="div_test61"><img src="img/二维码.png" width="70px" height="70px"/></div>
            <div class="div_test62">
                <span class="div_test62a">下载简书手机app ></span><br/>
                <span class="div_test62b">随时随地的发现和创作内容</span>
            </div>
    </div>
</body>
</html>